Lint: fix CSS syntax and some antipatterns

[Josh-Cena]

• Fix some obvious syntax errors
• clip never supported rect without commas; remove that syntax
• Removed some redundant property duplications
• Removed other redeclarations for the purpose of browser compatibility, because the newer syntax is well-supported already
• Rewrote the @media not description because it's incorrect

[github-actions]

Preview URLs (27 pages)

• /en-US/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics
• /en-US/docs/Learn_web_development/Core/Frameworks_libraries/React_todo_list_beginning
• /en-US/docs/Learn_web_development/Core/Frameworks_libraries/Svelte_Todo_list_beginning
• /en-US/docs/Learn_web_development/Core/Frameworks_libraries/Vue_styling
• /en-US/docs/Learn_web_development/Extensions/Forms/HTML_forms_in_legacy_browsers
• /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls/Example_1
• /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls/Example_2
• /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls/Example_3
• /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls/Example_4
• /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls/Example_5
• /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls
• /en-US/docs/Web/API/Animation/overallProgress
• /en-US/docs/Web/API/WebRTC_API/Build_a_phone_with_peerjs/Setup
• /en-US/docs/Web/API/Web_Audio_API/Controlling_multiple_parameters_with_ConstantSourceNode
• /en-US/docs/Web/Accessibility/ARIA/Reference/Roles/switch_role
• /en-US/docs/Web/CSS/-webkit-text-stroke
• /en-US/docs/Web/CSS/:open
• /en-US/docs/Web/CSS/:read-only
• /en-US/docs/Web/CSS/@supports
• /en-US/docs/Web/CSS/CSS_colors/Applying_color
• /en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries
• /en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries
• /en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide
• /en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
• /en-US/docs/Web/CSS/font-weight
• /en-US/docs/Web/CSS/left
• /en-US/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video

Flaws (10)

Note! 23 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Learn_web_development/Extensions/Forms/HTML_forms_in_legacy_browsers
Title: HTML forms in legacy browsers
Flaw count: 3

• unknown:
  • No generic content config found
  • no blog root
  • no blog root

---

URL: /en-US/docs/Web/API/Web_Audio_API/Controlling_multiple_parameters_with_ConstantSourceNode
Title: Controlling multiple parameters with ConstantSourceNode
Flaw count: 1

• macros:
  • Macro produces link /en-US/docs/Web/API/Web_Audio_API/Tools which is a redirect

---

URL: /en-US/docs/Web/API/WebRTC_API/Build_a_phone_with_peerjs/Setup
Title: Setup
Flaw count: 1

• macros:
  • Can't resolve /en-US/docs/Web/API/RTCDtlsTransport/statechange_event

---

URL: /en-US/docs/Web/CSS/@supports
Title: @supports
Flaw count: 5

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/rule-list
  • Can't resolve /en-US/docs/Web/CSS/function-token
  • Can't resolve /en-US/docs/Web/CSS/any-value
  • Can't resolve /en-US/docs/Web/CSS/any-value
  • Can't resolve /en-US/docs/Web/CSS/declaration

External URLs (27)

URL: /en-US/docs/Learn_web_development/Core/Frameworks_libraries/React_todo_list_beginning
Title: Beginning our React ToDo app

• https://mdn.github.io/todo-react/ (1 time)
• https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html (1 time)

---

URL: /en-US/docs/Learn_web_development/Extensions/Forms/How_to_build_custom_form_controls
Title: How to build custom form controls

• https://addons.mozilla.org/fr/firefox/addon/noscript/ (1 time)
• https://chromewebstore.google.com/detail/scriptblock/hcdjknjpbnhdoabbngpmfekaecnpajba (1 time)
• https://en.wikipedia.org/wiki/Usability_testing (1 time)
• https://github.com/marghoobsuleman/ms-Dropdown (1 time)
• https://jqueryui.com/ (1 time)
• https://www.apple.com/accessibility/features/?vision (1 time)
• https://www.nvaccess.org/ (1 time)
• https://www.smashingmagazine.com/ (1 time)
• https://www.uxmatters.com/ (1 time)
• https://www.w3.org/TR/wai-aria/ (1 time)
• https://www.webaxe.org/accessible-custom-select-dropdowns/ (1 time)

---

URL: /en-US/docs/Web/CSS/-webkit-text-stroke
Title: -webkit-text-stroke

• https://compat.spec.whatwg.org/ (1 time)
• https://css-tricks.com/adding-stroke-to-web-text/ (1 time)
• https://drafts.csswg.org/css-backgrounds-3/ (1 time)
• https://webkit.org/blog/85/introducing-text-stroke/ (1 time)

---

URL: /en-US/docs/Web/CSS/left
Title: left

• https://drafts.csswg.org/css-anchor-position-1/ (1 time)
• https://drafts.csswg.org/css-position-3/ (1 time)
• https://drafts.csswg.org/css-values-4/ (1 time)

---

URL: /en-US/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
Title: Adding captions and subtitles to HTML video

• https://caniuse.com/webvtt (1 time)
• https://durian.blender.org/ (2 times)
• https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions (1 time)
• https://iandevlin.github.io/mdn/video-player-with-captions/ (1 time)
• https://w3c.github.io/webvtt/ (4 times)
• https://web.archive.org/web/20160117160743/http://screenfont.ca/learn/ (1 time)
• https://www.blender.org/about/foundation/ (2 times)

[estelle]

just one page needs fixin'.

Thanks!

[estelle]

here we have 3 long hands then the shorthand. Safari doesn't understand thickness in the shorthand, but this value doesn't include that property, so we can just use the shorthand and get ride of the note after this block

[estelle]

also remove "along with the longhand component for browser compatibility" before
'We used the 3-digit {{cssxref("hex-color")}} #8f8, which is the equivalent of #88ff88.

[Josh-Cena]

@estelle Unfortunately the latest Safari still does not support this. Note that in the text-decoration BCD table, "text-decoration-color and text-decoration-style included in shorthand" for Safari says "Implemented with the vendor prefix: -webkit-". I've tried on Safari 18.5.